<nz-modal
  [nzWidth]="560"
  [(nzVisible)]="showModal"
  [nzTitle]="$t('_moveTo')"
  (nzOnCancel)="handleCancel()"
  (nzOnOk)="hanldeOk()"
>
  <ng-container *nzModalContent>
    <nz-select
      [ngModel]="oneSelect"
      nzShowSearch
      [nzPlaceHolder]="$t('_sel1')"
      (ngModelChange)="hanldeOneSelect($event)"
      style="width: 160px"
    >
      <nz-option
        *ngFor="let item of websiteList"
        [nzLabel]="item.title"
        [nzValue]="item.id"
      >
      </nz-option>
    </nz-select>

    <nz-select
      [ngModel]="twoSelect"
      nzShowSearch
      [nzPlaceHolder]="$t('_sel2')"
      (ngModelChange)="hanldeTwoSelect($event)"
      style="width: 160px; margin-left: 15px"
      *ngIf="level > 2"
    >
      <nz-option
        *ngFor="let item of twoOptions"
        [nzLabel]="item.title"
        [nzValue]="item.id"
      >
      </nz-option>
    </nz-select>

    <nz-select
      [ngModel]="threeSelect"
      nzShowSearch
      [nzPlaceHolder]="$t('_sel3')"
      (ngModelChange)="hanldeThreeSelect($event)"
      style="width: 160px; margin-left: 15px"
      *ngIf="level === 4"
    >
      <nz-option
        *ngFor="let item of threeOptions"
        [nzLabel]="item.title"
        [nzValue]="item.id"
      >
      </nz-option>
    </nz-select>

    <div class="act">
      <label nz-checkbox [(ngModel)]="isCopy">{{ $t('_copy') }}</label>
    </div>
  </ng-container>
</nz-modal>
